﻿@import "../../LiberUI/Style/Default/_Theme.scss";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#widget{
    padding:1em 2em 1em 1em;  
}
#widgetLite{
    padding:1em 2em 1em 1em;
}

#findObj{
    padding:1rem 0;
    margin:2rem 0;
}
#acntInfo{
    position:relative;
    @include block();
    padding:10px;
    margin-top:1rem;
    &>img{
        position:absolute;
        width:8rem;
        height:8rem;
        left:1rem;
        top:1rem;
    }
}

#userBaseInfo{
    padding-left:10rem;
    min-height:10rem;
}

.myTip{
    margin-top:1em;
    text-align:center;
    color:$ClrFocus;
    & i{
        @include soicon($ClrFocus);
    }
}

#myTodo{
    margin-top:2em;
    min-height:10em;
}
#mtd-tab{
    @include block();
    font-size:1.4rem;
    text-align:center;
}
#lstMyTodos{
    @include block(2px);
    min-height:10em;
    margin-top:-1px;
}

#myWidget{
    @include block();
    margin-top:2em;
    min-height:10em;
}

#hlpEmptyDashbord{
    display:none;
    margin-top:3rem;
    margin-left:2rem;
    margin-right:2rem;
    padding-bottom:8rem;
}
.choiceRole{
    height:8rem;
    text-align:center
}
.cashbord_color{
   color:#3caed4;
   cursor:pointer;
   font-weight:900;
}
.cashbord_color:hover{
   color:#3A93B1;
}
.cashbord_float{
    text-align:right;
    margin-top:8rem;
    font-size:1.6rem;
    & >a{
        color:#3caed4;
    } 
    & > a:hover{
        color:#3A93B1;
    }
}

.wgSetting{
    margin-bottom:0.5rem;
    border-bottom:1px solid $ClrTheme;
    &>div{
        text-align: center;
        line-height: 4rem;
        height: 4rem;
        font-weight:bold;
        font-size:1.3rem;
        cursor:pointer;
        color:lighten($ClrThemeTxt,30);
        bottom:1px;
        &.current{
            color:$ClrTheme;
            border-top: 1px solid $ClrTheme;
            border-left: 1px solid $ClrTheme;
            border-right: 1px solid $ClrTheme;
            border-bottom:1px solid $PageBk;
            box-shadow: 0 10px 0 0 $PageBk;
        }
    }
}
#data-range-item{
    @include block(2px);
    list-style:none;
    margin:0;
    padding:0;
    display:none;
    cursor:pointer;
    &>li{
        border-left:5px solid rgba(0,0,0,0);
        padding:0.5rem 0 0.5rem 1rem;
        margin:0;
        text-align:left;
        &:hover{
            background-color:$ClrDisableBk;
            border-left-color:$ClrTheme;
        }
    }
}